*{
    margin: 0px;
    padding: opx;
}
body{
    background-color: #ffffff; 
}
.container{
   width: 650px;
   margin-left:auto;
   margin-right:auto;
   margin-top: 10%;
}
.cuerpo{
    width: 80%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}
.content{
    width: 80%;
    height: auto;
    margin: 0 auto;
}
.frm1{
    width:230px;
    height: auto;
    margin-left:20px;
    display: inline-block;
    text-align: center;
}
.banner{
    background-color:#444;
    height: 170px;
    padding-top: 10px;
    margin-bottom:5px;
    border-bottom:5px solid #036fab;
    color: #ffffff;
    font-size: 1.5em;
}
figure{
    width: 120px;
    height: 120px;
    border-radius:15%;
    border: 2px solid #D20005;
    background-color: #ece3a5;
    margin-left:80px;
    margin-top:10px;
    color: chocolate;
}
figcaption, p{
    display: inline-block;
}
p{
    vertical-align: top;
}

.foto{
    margin-left:50px;
    height: 130px; 
}
.frm1{
    width:230px;
    height: auto;
    margin-right:5px;
    margin-bottom:10px;
    display: inline-block;
    text-align: center;
    
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
}
.frm1:hover{
  transform:scale(1.1);
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);  
}

.ui-state-default icon-login{
  background-image:url(../images/login.png)   
}
.table{
    width: 850px;
    height: 350px;
    margin: 0 auto;
}
.detalles{
    width: 850px;
    height: 330px;
    margin: 0 auto;
}
.detalles1{
    width: 850px;
    height: 290px;
    margin: 0 auto;
}
.ui-state-default .icon-delete{
   background-image:url(../images/icons/delete.png);
}

.ui-state-default .icon-edit{
   background-image:url(../images/icons/edit.png);
}

.ui-state-default .icon-user{
   background-image:url(../images/icons/user.png);
}

.ui-state-default .icon-save{
   background-image:url(../images/icons/save.png);
}

